<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人博客</title>
    <link rel="stylesheet" href="/public/css/fonts.css"></link>
    <link rel="stylesheet" href="/public/css/initialization.css">
    <link rel="stylesheet" href="/public/css/index.css">
    <link rel="stylesheet" href="/public/bootstrap/css/bootstrap.min.css">
</head>
<body>
  <header>
      <img src="public/images/bj.jpg" alt="图片不存在">
  </header>
  <nav>
      <ul class="navContent">
          <li class="select dis first"><a href="#">首页</a></li>
          {% for classify in classifys %}
          <li class="dis"><a href="#">{{classify.classifyName}}</a></li>
          {% endfor %}

           {% if hideClassifys.length %}
          <li class="more dis last"><a href="javascript:;">更多</a>
              <ul>
                  {% for hideClassify in hideClassifys %}
                  <li><a href="#">{{hideClassify.classifyName}}</a></li>
                  {% endfor %}
              </ul>
          </li>
           {% endif %}




      </ul>

  </nav>

   <div id="contentArea">
       <div id="content" class="clear">
           <div id="leftContent"></div>
           <div id="rightContent">

               <!--登录成功-->
               {%if userInfo._id%}
               <div id="loginSuccess">
                   <a class="headPortrait" href="#">
                       <img src="public/images/tx.jpg" alt="图片不存在">
                   </a>
                   <div class="userName">
                       <a href="#">{{userInfo.userName}}</a>
                       {% if userInfo.isAdmain %}
                       <p> 你好，管理员</p>
                       <a href="/admin">进入管理</a>
                       {%else%}
                       <p> 你好，欢迎光临</p>
                       {% endif %}

                   </div>
                   <a href="javascript:;" id="logout">退出</a>

               </div>
               {%else%}
               <!--登录-->
               <div id="login" style="display: block">
                 <div class="title">
                     <a href="#">登录</a>
                 </div>
                   <form action="">
                       <div id="loginErr"></div>
                       <div class="login-user">
                           <input type="text" name="userName" id="loginUser" autocomplete="off" placeholder="请输入用户名">
                           <label for="loginUser">
                                <i class="iconfont">&#xe75d;</i>
                           </label>

                       </div>
                       <div class="login-pwd">
                           <input type="password" name="password" id="loginPwd" placeholder="请输入密码">
                           <label for="loginPwd">
                               <i class="iconfont">&#xe61f;</i>
                           </label>

                       </div>
                       <div><input type="button" value="登录" id="loginBtn"></div>
                   </form>
                   <div class="noRegister">
                       <span>还没有注册？</span>
                       <a href="javascript:;" id="goRegister">去注册</a>
                   </div>

               </div>
               <!--注册-->
               <div id="register" style="display:none;">
                   <div class="title">
                       <a href="#">注册</a>
                   </div>
                   <form action="">
                       <div id="errPrompt"></div>
                       <div class="register-user">
                           <input type="text" name="userName" id="registerUser" autocomplete="off" placeholder="请输入用户名">
                           <label for="registerUser">
                               <i class="iconfont">&#xe75d;</i>
                           </label>
                       </div>
                       <div class="register-pwd">
                           <input type="password" name="password" id="registerPwd" placeholder="请输入密码">
                           <label for="registerPwd">
                               <i class="iconfont">&#xe61f;</i>
                           </label>

                       </div>
                       <div class="register-confirmpwd">
                           <input type="password" name="confirmpwd" id="registerconfirmPwd" placeholder="请确认密码">
                           <label for="registerconfirmPwd">
                               <i class="iconfont">&#xe61f;</i>
                           </label>

                       </div>
                       <div><input type="button" value="注册" id="regBtn"></div>
                   </form>
                   <div class="noRegister">
                       <span>已注册？</span>
                       <a href="javascript:;" id="goLogin">去登录</a>
                   </div>
               </div>
               {%endif%}

           </div>
       </div>
   </div>
</body>
<script src="public/jsLib/jquery.js"></script>
<script src="public/js/index.js"></script>
</html>